GermanWikipedia - /page/entry.mu

Micron Document

<!DOCTYPE html>

<title>Bower (Software)</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading">Bower (Software)</h1>

</header>

</div>

<th colspan="2" class="hintergrundfarbe6" style="font-size:105%; text-align:center;">Bower

</th></tr>

<tr>

<th colspan="2" class="hintergrundfarbe5" style="font-size:105%; text-align:center;">Basisdaten

</th></tr>

<tr>

<td><a href="Softwareentwickler" title="Softwareentwickler">Entwickler</a>

</td>

<td><a href="Twitter" class="mw-redirect" title="Twitter">Twitter</a> und Mitwirkende der <a href="GitHub" title="GitHub">GitHub</a>-Community<a href="#cite_note-about-1">[1]</a>

</td></tr>

<tr>

<td>Erscheinungsjahr

</td>

<td>2012

</td></tr>

<tr>

<td>Aktuelle <a href="Version_(Software)" title="Version (Software)">Version</a>

</td>

<td>1.8.12<a href="#cite_note-_b41cf3641b938239-2">[2]</a><a href="#cite_note-_5f69713ab1abc922-3">[3]</a> (19. Januar 2021)

</td></tr>

<tr>

<td><a href="Betriebssystem" title="Betriebssystem">Betriebssystem</a>

</td>

<td><a href="Plattformunabh%C3%A4ngig" class="mw-redirect" title="Plattformunabhängig">Plattformunabhängig</a>

</td></tr>

<tr>

<td><a href="Programmiersprache" title="Programmiersprache">Programmiersprache</a>

</td>

<td><a href="JavaScript" title="JavaScript">JavaScript</a> (<a href="Node.js" title="Node.js">Node.js</a>)

</td></tr>

<tr>

<td>Kategorie

</td>

<td><a href="Paketmanager" class="mw-redirect" title="Paketmanager">Paketmanager</a>

</td></tr>

<tr>

<td>Lizenz

</td>

<td><a href="MIT-Lizenz" title="MIT-Lizenz">MIT-Lizenz</a>

</td></tr>

<tr>

<td><a href="Lokalisierung_(Softwareentwicklung)" title="Lokalisierung (Softwareentwicklung)">deutschsprachig</a>

</td>

<td>nein

</td></tr>

<tr>

<td class="hintergrundfarbe5" colspan="2" style="text-align:center;"><a rel="nofollow" class="external text" href="http://bower.io/">bower.io</a>

</td></tr></tbody></table>

Bower ist ein <a href="Freie_Software" title="Freie Software">freier</a> <a href="Paketmanager" class="mw-redirect" title="Paketmanager">Paketmanager</a> für <a href="Client#Clientseitige_Anwendungen" title="Client">clientseitige</a> <a href="Webentwicklung" title="Webentwicklung">Webentwicklung</a>.

Es ermöglicht das einfache Installieren und Aktualisieren von <a href="Programmbibliothek" title="Programmbibliothek">Programmbibliotheken</a> und <a href="Framework" title="Framework">Frameworks</a>, mithilfe eines in <a href="Node.js" title="Node.js">Node.js</a> geschriebenen <a href="Kommandozeile" title="Kommandozeile">Kommandozeilenwerkzeugs</a>.

<div class="mw-heading mw-heading2"><h2 id="Funktionsweise_und_Konzepte">Funktionsweise und Konzepte</h2></div>

Bower wird über die <a href="Kommandozeile" title="Kommandozeile">Kommandozeile</a> (<a href="Betriebssystem-Shell" class="mw-redirect" title="Betriebssystem-Shell">Shell</a>) gesteuert. Nachfolgend findet sich eine Auflistung der wichtigsten Befehle und Konzepte von Bower.

<div class="mw-heading mw-heading3"><h3 id="Installation">Installation</h3></div>

Bower ist ein Kommandozeilenprogramm und benötigt Node.js und wird daher mit <a href="Node_Package_Manager" class="mw-redirect" title="Node Package Manager">Node Package Manager</a> (npm) installiert, für die Installation unter <a href="Unixoides_System" title="Unixoides System">unixoiden Systemen</a> bzw. <a href="POSIX" title="POSIX">POSIX</a>-Systemen führt man den Befehl <code>npm install -g bower</code> in der Shell aus um die Installation global auszuführen.<a href="#cite_note-4">[4]</a>

Nach der Installation steht in der Kommandozeile nun der Befehl <code>bower</code> zur Verfügung.

<div class="mw-heading mw-heading3"><h3 id="Packages">Packages</h3></div>

<a href="Programmpaket" title="Programmpaket">Packages</a> sind bei Bower einzelne Programme wie z. B. <a href="JQuery" title="JQuery">jQuery</a> und <a href="AngularJS" title="AngularJS">AngularJS</a>, also eigenständige Softwarepakete, <a href="Programmbibliothek" title="Programmbibliothek">Libraries</a> und <a href="Framework" title="Framework">Frameworks</a>.

Packages können einzeln über die Shell installiert werden, dazu navigiert man in der Shell auf den Ordner und führt <code>bower install [package]</code> aus, „package“ muss durch das entsprechende (zu installierende) Package ersetzt werden.

Dabei gibt es verschiedene Möglichkeiten das Package anzugeben. „Registrierte“ Packages, also durch einen eindeutigen Namen bei Bower

identifiziert (dies sind meist größere/bekanntere Softwareprojekte), kann dieser Name allein angegeben werden und sieht bei jQuery z. B. so aus <code>bower install jquery</code>. Es kann auch ein <a href="GitHub" title="GitHub">GitHub</a>-Kürzel in der Form <code>Entwickler/Projekt</code> angegeben werden und sieht für Angular.js wie folgt aus <code>bower install angular/angular.js</code>. Darüber hinaus kann auch eine eindeutige Adresse angegeben werden, entweder eine <a href="Git#Datentransfer_zwischen_Repositorien" title="Git">Gitadresse</a> (<code>bower install git://github.com/user/package.git</code>) oder eine <a href="HTTP" class="mw-redirect" title="HTTP">HTTP</a>-<a href="URL" class="mw-redirect" title="URL">URL</a> (<code>bower install http://example.com/script.js</code>) angegeben werden.

<div class="mw-heading mw-heading3"><h3 id="Projektinitialisierung_und_bower.json">Projektinitialisierung und bower.json</h3></div>

Ein Ordner kann mit dem Befehl <code>bower init</code> initialisiert werden, beim Ausführen dieses Befehls wird eine bower.json-Datei angelegt. Dies kann auch selbständig erstellt werden. Eine bower.json sieht wie folgt aus:<a href="#cite_note-create-packages-5">[5]</a>

<div class="mw-highlight mw-highlight-lang-json mw-content-ltr" dir="ltr"><pre>{

"name": "my-project",

"version": "1.0.0",

"main": [

"path/to/main.js",

"path/to/main.css"

],

"private": true,

"keywords": [

"MyKeyword",

"OtherKeword"

],

"ignore": [

".jshintrc",

"**/*.txt"

],

"dependencies": {

"<name>": "<version>",

"<name>": "<folder>",

"<name>": "<package>"

},

"devDependencies": {

"<test-framework-name>": "<version>"

}

}

</pre></div>

Dabei enthält <code>"name"</code> den Projektnamen als <a href="Zeichenkette" title="Zeichenkette">String</a>. <code>"version"</code> erwartet einen String mit der aktuellen Version, üblicherweise im Format <a href="Versionsnummer#Semantische_Versionsnummer" title="Versionsnummer">„Major.Minor.Patch“</a>. <code>"main"</code> enthält optional den/die Pfad(e) maximal einer Datei je Typ (z. B. <a href="JavaScript" title="JavaScript">JavaScript</a>, <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a>,…) als String oder Array, welche als Einstiegspunkt zur Verwendung des Projektes angesehen werden kann. <code>"private"</code> ist ein <a href="Boolesche_Variable" class="mw-redirect" title="Boolesche Variable">Boolean</a>, wenn auf <code>true</code> gesetzt gibt dies an, dass dieses Projekt nicht zur Veröffentlichung vorgesehen ist. <code>"ignore"</code> nimmt einen <a href="Array_(Datentyp)" title="Array (Datentyp)">Stringarray</a> mit den, für den Produktivgebrauch, zu ignorierenden Dateien als Wert an. <code>"dependencies"</code> sind die, als <a href="Hashtabelle" title="Hashtabelle">Hash</a> anzugebenden <a href="Kopplung_(Softwareentwicklung)" title="Kopplung (Softwareentwicklung)">Abhängigkeiten</a>, die auf jeden Fall erfüllt werden müssen. <code>"devDependencies"</code> sind ebenfalls als Hash zu definierenden Abhängigkeiten, die jedoch nur für die weitergehende Entwicklung (Testing, Dokumentation etc.) benötigt werden.<a href="#cite_note-create-packages-5">[5]</a>

Die <code>"dependencies"</code> und die <code>devDependencies</code> können auch über die Shellbefehle <code>bower install <package> --save</code>, was das angegeben „package“ zu den „dependencies“ beziehungsweise <code>bower install <package> --save-dev</code> dies fügt das angegebene „package“ zu den „devDependencies“ in der bower.json hinzu.<a href="#cite_note-create-packages-5">[5]</a>

Führt man den Befehl <code>bower install</code> in einem Ordner aus, in dem eine (ausgefüllte) bower.json-Datei liegt, werden die „dependencies“ und „devDependencies“ gegebenenfalls heruntergeladen und werden standardmäßig im Ordner <code>bower_components/</code> abgelegt. Das installieren der „devDependencies“ kann mit der Angabe <code>bower install -p</code>, wobei „p“ für „production“ steht verhindert werden.

<div class="mw-heading mw-heading2"><h2 id="Geschichte">Geschichte</h2></div>

Bower wurde von <a href="Twitter" class="mw-redirect" title="Twitter">Twitter</a> im Rahmen seiner Open-Source-Initiative im Jahr 2012 initiiert<a href="#cite_note-about-1">[1]</a> und wird derzeit von einem Team aus 7 Hauptentwicklern (englisch core developer) und 121 Mitwirkenden der <a href="GitHub" title="GitHub">GitHub</a>-Community entwickelt (Stand Ende November 2014).<a href="#cite_note-6">[6]</a><a href="#cite_note-7">[7]</a>

Mit der fortschreitenden Verbreitung des <a href="ECMAScript" class="mw-redirect" title="ECMAScript">ECMAScript</a>-6-<a href="Modul_(Software)" title="Modul (Software)">Modulsystems</a><a href="#cite_note-8">[8]</a> sind viele Projekte und Entwickler auf <a href="Node_Package_Manager" class="mw-redirect" title="Node Package Manager">NPM</a> in Kombination mit Bundler-Software wie Browserify bzw. <a href="Webpack" title="Webpack">Webpack</a> umgestiegen. Das Projekt überlegte seit Juni 2016, sich selbst als deprecated zu bezeichnen.<a href="#cite_note-9">[9]</a> Seit Mai 2017 wird auf der Projekt- und Webseite empfohlen, Yarn und Webpack als Ersatz zu verwenden.<a href="#cite_note-10">[10]</a><a href="#cite_note-11">[11]</a>

Bower wurde nach der englischen Bezeichnung der Vogelart der <a href="Laubenv%C3%B6gel" title="Laubenvögel">Laubenvögel</a> (englisch Bowerbirds) benannt. Bei dieser Vogelart sammelt das Männchen verschiedene farbige Gegenstände, um seine <a href="Laubenv%C3%B6gel#Laubenbau" title="Laubenvögel">Laube</a> möglichst prächtig zu gestalten, da sich Weibchen mit dem Bauherren der prächtigsten Laube paaren. Bower macht eigenen Angaben zufolge genau das: es sammelt die Programme (Gegenstände) und stellt sie dem Entwickler zur Verfügung um seine Anwendung (Laube) zu entwickeln.<a href="#cite_note-12">[12]</a>

Das Logo zeigt einen <a href="Goldlaubenvogel" title="Goldlaubenvogel">Goldlaubenvogel</a> bei seinem <a href="Balz" title="Balz">Balztanz</a> und wurde von Dave DeSandro und Isaac Durazo gestaltet.<a href="#cite_note-13">[13]</a>

Die Logoentwicklung wurde auf <a href="GitHub" title="GitHub">GitHub Gist</a> dokumentiert.<a href="#cite_note-14">[14]</a>

<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>

<ul><li><a rel="nofollow" class="external text" href="http://bower.io/">Offizielle Website</a></li>

<li><a rel="nofollow" class="external text" href="https://github.com/bower/bower">Repository von Bower auf GitHub</a></li>

<li><a rel="nofollow" class="external text" href="http://bower.io/stats/">Statistiken zu Bower</a></li></ul>

<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>

<li id="cite_note-about-1">↑ <a href="#cite_ref-about_1-0">a</a> <a href="#cite_ref-about_1-1">b</a> <a rel="nofollow" class="external text" href="http://bower.io/docs/about/">About.</a> In: bower.io. Abgerufen am 29. November 2014 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=About&rft.description=About&rft.identifier=http%3A%2F%2Fbower.io%2Fdocs%2Fabout%2F&rft.language=en">

</li>

<li id="cite_note-_b41cf3641b938239-2"><a href="#cite_ref-_b41cf3641b938239_2-0">↑</a> <a rel="nofollow" class="external text" href="https://github.com/bower/bower/releases/tag/v1.8.12"><cite style="font-style:italic">Release 1.8.12</cite>.</a> 19. Januar 2021 (abgerufen am 8. Februar 2021).

</li>

<li id="cite_note-_5f69713ab1abc922-3"><a href="#cite_ref-_5f69713ab1abc922_3-0">↑</a> <a rel="nofollow" class="external text" href="https://registry.npmjs.com/bower"><cite style="font-style:italic">registry.npmjs.com</cite>.</a> In: <cite style="font-style:italic">npmjs</cite>. (abgerufen am 1. März 2023).

</li>

<li id="cite_note-4"><a href="#cite_ref-4">↑</a> <a rel="nofollow" class="external text" href="http://bower.io/#install-bower">Install Bower.</a> In: Bower. Abgerufen am 29. November 2014 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=Install+Bower&rft.description=Install+Bower&rft.identifier=http%3A%2F%2Fbower.io%2F%23install-bower&rft.language=en">

</li>

<li id="cite_note-create-packages-5">↑ <a href="#cite_ref-create-packages_5-0">a</a> <a href="#cite_ref-create-packages_5-1">b</a> <a href="#cite_ref-create-packages_5-2">c</a> <a rel="nofollow" class="external text" href="http://bower.io/docs/creating-packages/">Creating packages.</a> In: Bower. Abgerufen am 30. November 2014 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=Creating+packages&rft.description=Creating+packages&rft.identifier=http%3A%2F%2Fbower.io%2Fdocs%2Fcreating-packages%2F&rft.language=en">

</li>

<li id="cite_note-6"><a href="#cite_ref-6">↑</a> <a rel="nofollow" class="external text" href="https://github.com/bower/bower/graphs/contributors">Contributors.</a> In: <a href="GitHub" title="GitHub">GitHub</a>. Abgerufen am 29. November 2014 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=Contributors&rft.description=Contributors&rft.identifier=https%3A%2F%2Fgithub.com%2Fbower%2Fbower%2Fgraphs%2Fcontributors&rft.language=en">

</li>

<li id="cite_note-7"><a href="#cite_ref-7">↑</a> <a rel="nofollow" class="external text" href="https://github.com/bower/bower">Bower Repository on GitHub.</a> In: <a href="GitHub" title="GitHub">GitHub</a>. Abgerufen am 29. November 2014 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=Bower+Repository+on+GitHub&rft.description=Bower+Repository+on+GitHub&rft.identifier=https%3A%2F%2Fgithub.com%2Fbower%2Fbower&rft.language=en">

</li>

<li id="cite_note-8"><a href="#cite_ref-8">↑</a> <a rel="nofollow" class="external text" href="http://es6-features.org/#ValueExportImport">ECMAScript 6: New Features: Overview and Comparison.</a> In: es6-features.org. Abgerufen am 29. Dezember 2016 (englisch, Modules: Value Export/Import. Support for exporting/importing values from/to modules without global namespace pollution.).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=ECMAScript+6%3A+New+Features%3A+Overview+and+Comparison&rft.description=ECMAScript+6%3A+New+Features%3A+Overview+and+Comparison&rft.identifier=http%3A%2F%2Fes6-features.org%2F%23ValueExportImport&rft.language=en">

</li>

<li id="cite_note-9"><a href="#cite_ref-9">↑</a> <a rel="nofollow" class="external text" href="https://github.com/bower/bower/issues/2298">Consider deprecating Bower. · Issue #2298 · bower/bower.</a> In: GitHub. Abgerufen am 29. Dezember 2016 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=Consider+deprecating+Bower.+%C2%B7+Issue+%232298+%C2%B7+bower%2Fbower&rft.description=Consider+deprecating+Bower.+%C2%B7+Issue+%232298+%C2%B7+bower%2Fbower&rft.identifier=https%3A%2F%2Fgithub.com%2Fbower%2Fbower%2Fissues%2F2298&rft.language=en">

</li>

<li id="cite_note-10"><a href="#cite_ref-10">↑</a> <a rel="nofollow" class="external text" href="https://github.com/bower/bower/commit/0bd318de53daf9dc3b52bfd7bc753d4d2c2c9948#diff-04c6e90faac2675aa89e2176d2eec7d8">Add yarn and webpack recommendation (#2458) · bower/bower@0bd318d.</a> 19. Mai 2017, abgerufen am 17. März 2018 (englisch): „..psst! While Bower is maintained, we recommend yarn and webpack for new front-end projects!“<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=Add+yarn+and+webpack+recommendation+%28%232458%29+%C2%B7+bower%2Fbower%400bd318d&rft.description=Add+yarn+and+webpack+recommendation+%28%232458%29+%C2%B7+bower%2Fbower%400bd318d&rft.identifier=https%3A%2F%2Fgithub.com%2Fbower%2Fbower%2Fcommit%2F0bd318de53daf9dc3b52bfd7bc753d4d2c2c9948%23diff-04c6e90faac2675aa89e2176d2eec7d8&rft.date=2017-05-19&rft.language=en">

</li>

<li id="cite_note-11"><a href="#cite_ref-11">↑</a> <a rel="nofollow" class="external text" href="https://bower.io/blog/2017/how-to-migrate-away-from-bower/">How to migrate away from Bower?</a> In: bower.io/blog. 2. Oktober 2017, abgerufen am 17. März 2018 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=How+to+migrate+away+from+Bower%3F&rft.description=How+to+migrate+away+from+Bower%3F&rft.identifier=https%3A%2F%2Fbower.io%2Fblog%2F2017%2Fhow-to-migrate-away-from-bower%2F&rft.date=2017-10-02&rft.language=en">

</li>

<li id="cite_note-12"><a href="#cite_ref-12">↑</a> <a rel="nofollow" class="external text" href="http://bower.io/docs/about/#the-bowerbird">The Bowerbird.</a> In: bower.io. Abgerufen am 29. November 2014 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=The+Bowerbird&rft.description=The+Bowerbird&rft.identifier=http%3A%2F%2Fbower.io%2Fdocs%2Fabout%2F%23the-bowerbird&rft.language=en">

</li>

<li id="cite_note-13"><a href="#cite_ref-13">↑</a> <a rel="nofollow" class="external text" href="http://bower.io/docs/about/#logo">Bower Logo.</a> In: Bower. Abgerufen am 29. November 2014 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=Bower+Logo&rft.description=Bower+Logo&rft.identifier=http%3A%2F%2Fbower.io%2Fdocs%2Fabout%2F%23logo&rft.language=en">

</li>

<li id="cite_note-14"><a href="#cite_ref-14">↑</a> Dave DeSandro: <a rel="nofollow" class="external text" href="https://gist.github.com/desandro/1c50118441f703f3f6e1">Bower logo.</a> In: gist.github.com. Abgerufen am 29. November 2014 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ABower+%28Software%29&rft.title=Bower+logo&rft.description=Bower+logo&rft.identifier=https%3A%2F%2Fgist.github.com%2Fdesandro%2F1c50118441f703f3f6e1&rft.creator=%5B%5BDave+DeSandro%5D%5D&rft.language=en">

</li>

</ol></div><div><div class="zim-footer">

Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-12-02" href="https://de.wikipedia.org/wiki/?title=Bower_(Software)&oldid=262073359">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.

</div>

</div></div>

</div>

</main>

</div>

</body></html>